<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>变量/常量/数据类型</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<style type="text/css">
			h1::selection{
				color:red;
		}
		</style>
	</head>
	<body>
		<div class="web">
			<h1>变量/数据类型</h1>
			<hr />
			<h2>常量</h2>
			<h2>变量</h2>
			<details>
				<summary>变量由 var 运算符加变量名定义</summary>
					<ul>
						<li>js中的变量是无类型变量</li>
						<li>var age = 25;</li>
						<li>var mood = ‘happy’;</li>
						<li>提前拓展:全局变量与局部变量</li>
					</ul>
			</details>			
			<details>
				<summary>变量名命名规则</summary>
				<ul>
					<li>第一个字符必须是字母、下划线(_)、或美元符号 ($);</li>
					<li>变量名中不能包含空格或标点符号（下划线(_) 和$ 除外)</li>
					<li>变量名区分大小写;</li>
					<li>不能使用保留字、关键字</li>
					<li>为了让变量名有更好的可读性，可以在变量名中适当的插入下划线分隔，如：var my_mood = ‘happy’;</li>
				</ul>
			</details>				
			<h2>保留值</h2>
			<p>JS把一些标识符拿出来用做自己的关键字,因此,就不能用这些关键字作为自己程序中的标识符了</p>
			<h2>数据类型</h2>
			<details>
				<summary>原始类型</summary>
				<ul>
					<li>数字</li>
					<li>字符串</li>
					<li>布尔值</li>
					<li>null和undefined</li>
				</ul>
			</details>
			<details>
				<summary>对象类型</summary>
				<ul>
					<li>js中除了上述的五种原始类型之外的就是对象了</li>
					<li>对象是属性的集合</li>
					<li>属性有"名/值"对构成(值可以是原始值)</li>
					<li>JavaScript定义的特殊对象,如数组,表示带编号的值的有序集合,如函数,一个具有可执行的代码的对象</li>
					<li>JavaScript是一种面向对象的语言,数据类型本身可以拥有方法,另外全局变量可以认为是window的属性,全局函数认为是window的方法</li>
				</ul>
			</details>
		</div>
	</body>
</html>
